<template>
  <div class="home">
    <Header />
    <Main />
    <Bottom />
  </div>
</template>

<script setup lang="ts">
import { ref, computed, onMounted } from "vue";
import { getResize } from "@/utils";
import * as echarts from "echarts";
import Header from "./component/header.vue";
import Main from "./component/main.vue";
import Bottom from "./component/bottom.vue";
</script>

<style scoped lang="scss">
$padding: 20px;

#theEchart,
#histogram {
  width: 100%;
  height: 100%;
}

.home {
  position: relative;
  padding: $padding;
  // background-color: #f7f8fa;
}
</style>
